<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>泽州县应急指挥系统</title>
    <link rel="stylesheet" href="./font/iconfont/iconfont.css">
    <link rel="stylesheet" href="./plugins/bootstrap-4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <div class="header">
        <a href="index.html">应急指挥中心</a>
        <h3>泽州县应急指挥系统</h3>
    </div>
    <div class="main-box">
        <div class="main-aside">
            <div class="user-box">
                <div class="user-img">
                    <img src="./images/admin.png" alt="">
                </div>
                <p class="user-name">
                    admin 
                    <a href="javascript:;" class="iconfont icon-tuichu"></a>
                </p>
            </div>
            <ul class="aside-menu">
                <li><a href="admin_index.html"><i class="iconfont icon-home"></i><span>首页</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-shijianguanli3"></i><span>事件管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="event_manage.html">事件管理</a>
                        <a class="dropDownItem" href="event_type.html">事件类型</a>
                    </div>
                </li>
                <li class="active">
                    <a href="javascript:;"><i class="iconfont icon-yingjizhibanrenyuan"></i><span>值守人员管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="guard_unit.html">企业单位</a>
                        <a class="dropDownItem" href="guard_man.html">值守人员</a>
                        <a class="dropDownItem active" href="guard_path.html">值守轨迹</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-yingjiyuan"></i><span>应急预案管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="plan_manage.html">应急预案</a>
                        <a class="dropDownItem" href="plan_type.html">类型管理</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-yingjiwuzi"></i><span>应急物资管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="supplies_manage.html">应急物资</a>
                        <a class="dropDownItem" href="supplies_type.html">类型管理</a>
                    </div>
                </li>
                <li><a href="info_publish.html"><i class="iconfont icon-xinxifabu"></i><span>信息发布</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
                <li><a href="account_set.html"><i class="iconfont icon-shezhi"></i><span>账号设置</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
            </ul>
        </div>
        <div class="main-body flex-column">
            <div class="main-header">
                <h3>值守轨迹</h3>
            </div>
            <div class="main-content flex1">
                <form class="table-tool map-tool">
                    <div class="fast-select-box">
                        <a href="javascript:;" class="fast-select-btn"> <span class="fast-selected">快速筛选</span><i></i></a>
                        <div class="fast-select-options scroll-bar">
                           <dl>
                               <dt>安全部</dt>
                               <dd>张三</dd>
                               <dd>王小梅</dd>
                               <dd>李龙</dd>
                           </dl>
                           <dl>
                            <dt>运营部</dt>
                            <dd>张蓝</dd>
                            <dd>赵丽</dd>
                        </dl>
                        </div>
                    </div>
                    <div class="fast-result">
                        <p></p>
                        <span>15037156258</span>
                    </div>
                    <input type="text" id="path-date" placeholder="请选择日期" class="map-date">
                    <input type="text" id="path-time" placeholder="请选择时间范围" class="map-time">
                    <a href="javascript:;" class="search-btn">查询</a>
                </form>
               <div class="map-box" id="map-container"></div>
            </div>
        </div>
    </div>
     
    <script src="./plugins/jquery-3.4.1.min.js"></script>
    <script src="./plugins/bootstrap-4.0.0/js/bootstrap.min.js"></script>
    <script src="./plugins/laydate/laydate.js"></script>
    <script src="./js/common.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
    <script>
        laydate.render({
            elem: '#path-date'
            ,calendar: true
        });
        laydate.render({
            elem: '#path-time'
            ,type: 'time'
            ,range: true
        });
        // 百度地图API功能
        var map = new BMap.Map("map-container", {minZoom:7,maxZoom:15}, { enableMapClick: false });
        var point = new BMap.Point(113.002518,35.462592);    // 初始化地图,设置中心点坐标
        map.centerAndZoom(point, 15);
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
        var blist = [];
        var districtLoading = 0;
        map.setMapStyle({style: 'normal'})
     
    </script>
</body>
</html>